<template>
    <div class="content">
        <div class="content-title">
            <div class="content-title-text">协同创新</div>
            <nav style="--bs-breadcrumb-divider: '>>';" aria-label="breadcrumb">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item">
                        <router-link class="content-title-link" :to="{name: 'NewsInformation'}">首页</router-link>
                    </li>
                    <li class="breadcrumb-item" aria-current="page">
                        <router-link class="content-title-link" :to="{name: 'CollaborativeInnovationSubpage'}">协同创新</router-link>
                    </li>
                </ol>
            </nav>
        </div>
        <div class="content-text">
            
        </div>
    </div>
</template>

<script setup>

</script>

<style scoped>

.content {
    width: 100%;
    padding: 30px 0 60px 30px;
}

.content-title {
    padding: 10px 0;
    border-bottom: 1px solid rgba(232, 238, 251, 1);
    margin-bottom: 30px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}
.content-title-text {
    font-size: 28px;
    color: #005aa0;
    font-weight: bold;
}

.content-title-link {
    text-decoration: none;
    color: inherit;
}

.content-text-paragraph {
    text-indent: 2em;
    margin-bottom: 30px;
}

</style>